@import '../../common/common';
.price {
  @include wh(100%, 100%);
  position: relative;
  font-size: px2rem(26);
  background: #f5f5f5;
  .main {
    @include wh(100%, 100%);
    position: relative;
    margin: px2rem(86) auto 0 auto;
    z-index: 2;
    color: #666;
    padding:0 px2rem(30) px2rem(30) px2rem(30);
    .main-top {
      @include borderRadius(5px 5px 0 0);
      padding: px2rem(20) px2rem(30);
      background: #fff;
      border:1px solid #f5f5f5;
      @include fj();
      .top-sub {
        text-align: center;
        p {
          margin-bottom: 5px;
        }
        div {
          .icon {
            font-size: px2rem(26);
          }
        }
      }
    }
    .main-center {
      margin-top: 10px;
      @include wh(100%, auto);
      @include borderRadius(3px);
      border:1px solid #f5f5f5;
      .li1 {
        background: #fff;
        @include wh(100%, px2rem(220));
        padding: px2rem(25) px2rem(58) 0 px2rem(30);
        position: relative;
        img {

        }
        .we-icon {
          position: absolute;
          left: px2rem(0);
          top: px2rem(0);
        }
        .li1-main1 {
          @include fj();
          padding-left: px2rem(125);
          .li1-sub1 {
            font-size: px2rem(28);
            .p2 {
              padding: px2rem(12) 0;
            }
          }
          .li1-sub2 {
            font-size: px2rem(26);
          }
        }
        .li1-main2 {
          @include wh(px2rem(554), px2rem(78));
          border-top: 1px dashed $bdc;
          line-height: px2rem(78);
          background: #fff;
          font-size: px2rem(28);
          .span2 {
             font-family: "安卓思源";
            font-weight: 600;
          }
          .span1 {
            padding-right: px2rem(68);
          }
        }
      }
      .li2 {
        @include wh(100%, px2rem(90));
        padding: px2rem(15) px2rem(50);

        @include fj();
        justify-content: flex-end;
        a {
          @include wh(px2rem(146), px2rem(60));
          @include borderRadius(30px);
          line-height: px2rem(60);
          margin: 0;
          font-size: px2rem(26);
          color: #fff;
          padding: 0;
        }
      }
    }
  }
}
.list-warp {
  overflow: auto;
  height: 100%;
  padding-bottom: px2rem(180);
}
 .bg-b-f3 {
   background: #f3f9ff;
 }
 .bg-b-41 {
   background: #41a8f9;
 }
 .color-y-f7 {
   color: #ff7d3d;
 }
.color-y-ef {
  color: #ef570b;
}
.bg-y-ffe {
  background: #ffffde;
}
.bg-y-btn {
  background:-moz-linear-gradient(right, #ffae22, #fc6e30);/*火狐*/
  background: -webkit-linear-gradient(right, #ffae22, #fc6e30);   /*Safari5.1 Chrome 10+*/
  background: -o-linear-gradient(right, #ffae22, #fc6e30);  /*Opera 11.10+*/
  background: -webkit-gradient(linear, 0 100%, 100% 0, from(#ffae22), to(#fc6e30));
}
.bg-b-btn {
  background:-moz-linear-gradient(right, #4ec2f3, #4a95fe);/*火狐*/
  background: -webkit-linear-gradient(right, #4ec2f3, #4a95fe);   /*Safari5.1 Chrome 10+*/
  background: -o-linear-gradient(right, #4ec2f3, #4a95fe); /*Opera 11.10+*/
  background: -webkit-gradient(linear, 0 100%, 100% 0, from(#4ec2f3), to(#4a95fe));
}

